import React from "react";
import styles from "./AppDetail.less";

const TenantDetail = ({ info }) => {
  const {
    // id = '-',
    contactName = '-',
    contactPhone = '-',
    creatorName = '-',
    createTime = '-',
    tenantName = '-',
    tenantCode = '-',
    description = '-',
  } = info;
  return (
    <div className={styles.detail_box}>
      <div className={styles.item_row}>
        <div className={styles.item_col}>
          <span className={styles.item_label}> 租户名称：</span>
          <span className={styles.item_con} title={tenantName}>
            {tenantName}
          </span>
        </div>
        <div className={styles.item_col}>
          <span className={styles.item_label}> 租户编码：</span>
          <span className={styles.item_con} title={tenantCode}>
            {tenantCode}
          </span>
        </div>
        <div className={styles.item_col}>
          <span className={styles.item_label}> 联系人：</span>
          <span className={styles.item_con} title={contactName}>
            {contactName}
          </span>
        </div>
      </div>
      <div className={styles.item_row}>
        <div className={styles.item_col}>
          <span className={styles.item_label}> 联系电话：</span>
          <span className={styles.item_con} title={contactPhone}>
            {contactPhone}
          </span>
        </div>
        <div className={styles.item_col}>
          <span className={styles.item_label}> 创建时间：</span>
          <span className={styles.item_con} title={createTime}>
            {createTime}
          </span>
        </div>
        {/* <div className={`${styles.item_col} ${styles.item_col_2}`}> */}
        <div className={styles.item_col}>
          <span className={styles.item_label}> 创建人：</span>
          <span className={styles.item_con} title={creatorName}>
            {creatorName}
          </span>
        </div>
      </div>
      <div className={styles.item_row}>
        <span className={styles.spec_label}>租户描述：</span>
        <span className={styles.spec_content} title={description || ''}>
          {description || ''}
        </span>
      </div>
    </div>
  );
};
export default TenantDetail;
